<template>
  <div>
    <router-view></router-view>
    <!-- <div class="footer">
      <van-tabbar v-model="active1">
        <van-tabbar-item @click="lookPost">
          <span>看帖</span>
          <img slot="icon" slot-scope="props" :src="props.active ? icon.active : icon.normal">
        </van-tabbar-item>
        <van-tabbar-item @click="lookMy">
          <span>我的</span>
          <img slot="icon" slot-scope="props" :src="props.active ? icon.active1 : icon.normal1">
        </van-tabbar-item>
      </van-tabbar>
    </div> -->
  </div>
</template>

<script>
export default {
  name: "CommunityIndex",
  data() {
    return {
      active1: 0,
      icon: {
        normal:
          "https://gw.alicdn.com/tfs/TB1MuByOcfpK1RjSZFOXXa6nFXa-70-70.png",
        active:
          "https://gw.alicdn.com/tfs/TB1ZPRqOgHqK1RjSZFEXXcGMXXa-70-70.png",
        normal1:
          "https://gw.alicdn.com/tfs/TB1kltpOjTpK1RjSZKPXXa3UpXa-66-68.png",
        active1:
          "https://gw.alicdn.com/tfs/TB1iGxpOgHqK1RjSZFPXXcwapXa-66-68.png"
      }
    };
  },
  methods: {
    lookPost() {
      this.$router.push({
        path: "/CommunityHome"
      });
    },
    lookMy() {
      this.$router.push({
        path: "/CommunityMy"
      });
    }
  },
  created() {}
};
</script>

<style>
</style>
